<template>
  <el-container>
    <el-aside width="200px">

      <el-menu :router="true" class="el-menu-vertical-demo"  background-color="rgb(48, 65, 86)"
               text-color="#fff">
        <el-menu-item index="/artcile">
          <i class="el-icon-menu"></i>
          <span slot="title">文章列表</span>
        </el-menu-item>
      </el-menu>
    </el-aside>
    <el-container>
      <el-header>

      </el-header>
      <el-main>
        <router-view></router-view>
      </el-main>
    </el-container>
  </el-container>





</template>
<script>
export default {
  data() {

    return {

    }
  },
  methods:{
    logout(){
        const res = window.sessionStorage.clear()
        if (!res){
          this.$msg.success('退出成功')
          this.$router.push('/login')
        }
      }
  }

};
</script>

<style scoped>

.el-header{
  box-shadow: 0 1px 4px rgb(0 21 41 / 8%);
  height: 50px !important;
  background-color: #FFFFFF !important;
}
.el-menu-item:focus, .el-menu-item:hover{
  background-color: #263445 !important;
}
</style>